{% extends 'staffhours/base.html' %}
{% load static %}
{% block title %}增加设备类型{% endblock %}

{% block content %}
    <!-- ============================================================== -->
    <!-- Page wrapper  -->
    <!-- ============================================================== -->
    <div class = "page-wrapper">
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class = "container-fluid">
            <!-- ============================================================== -->
            <!-- Bread crumb and right sidebar toggle -->
            <!-- ============================================================== -->
            <div class = "row page-titles">
                <div class = "col-md-6 col-8 align-self-center">
                    <h3 class = "text-themecolor m-b-0 m-t-0">工时</h3>
                    <ol class = "breadcrumb">
                        <li class = "breadcrumb-item"><a href = "{% url 'index' %}">主页</a></li>
                        <li class = "breadcrumb-item active">工时</li>
                    </ol>
                </div>
                <div class = "col-md-6 col-4 align-self-center">
                    <a href = "#" class = "btn pull-right hidden-sm-down btn-success">Download Here</a>
                </div>
            </div>
            <!-- ============================================================== -->
            <!-- End Bread crumb and right sidebar toggle -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- Start Page Content -->
            <!-- ============================================================== -->
            <!-- Row -->
            <div class = "row">
                <div class = "col-sm-12">
                    <div class = "card shadow">
                        <div class = "card-header text-center text-light bg-dark">
                            <h3 class = "card-title ">增加设备类型</h3>
                        </div>
                        <div class = "row">
                            <div class = "col-md-4"></div>
                            <div class = "col-md-4">
                                <div class = "card-body">
                                    <form action = "{% url 'add_devicetype' %}" method = "post">
                                        {% csrf_token %}
                                        {{ dt_form.as_p }}
                                        <div class = "text-center">
                                            <button type = "submit" name = "c-button" class = "btn btn-primary">提交
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class = "col-md-4"></div>

                        </div>

                    </div>
                </div>
            </div>
        </div>

        <!-- Row -->
        <!-- ============================================================== -->
        <!-- End PAge Content -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Container fluid  -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- footer -->
    <!-- ============================================================== -->
    <footer class = "footer text-center">
        © 2021 永锋复印机配件（深圳）有限公司 - Collect from <a href = "" title = "永锋" target = "_blank">永锋官网</a>
    </footer>
    <!-- ============================================================== -->
    <!-- End footer -->
    <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Page wrapper  -->
    <!-- ============================================================== -->

{% endblock %}